<template>
	<view>
		<view @click="getAdress()">
			<van-icon name="location-o" />五角大楼B<van-icon name="arrow" />
		</view>
		<van-button type="default">默认按钮</van-button>
		<van-button type="primary">主要按钮</van-button>
		<van-button type="info">信息按钮</van-button>
		<van-button type="warning">警告按钮</van-button>
		<van-button type="danger">危险按钮</van-button>
		<!-- 钉钉测试 -->
		<van-cell-group title="我的内容" inset="true">
			<van-cell icon="https://img0.baidu.com/it/u=1954173660,494831133&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
				title="我的客服" is-link />
			<van-swipe-cell :right-width="65" :left-width="65">
				<view slot="left" class="van-swipe-cell__left">选择</view>
				<van-cell-group>
					<van-cell title="学习中心" is-link />
				</van-cell-group>
				<view slot="right" class="van-swipe-cell__right"><van-button type="danger">删除</van-button></view>
			</van-swipe-cell>

			<van-cell title="福利社" is-link />
		</van-cell-group>
		<van-cell-group title="网盘" inset="true">
			<van-cell title="阿里云" is-link />
			<van-cell title="京东云" is-link />
		</van-cell-group>

		<van-grid column-num="5">
			<van-grid-item icon="photo-o" text="违法处理" text-class="itme-height" badge="99+" />
			<van-grid-item icon="photo-o" text="罚款缴纳" text-class="itme-height" />
			<van-grid-item icon="photo-o" text="驾驶证电子版" text-class="itme-height" />
			<van-grid-item icon="photo-o" text="学法减分" text-class="itme-height" />
			<van-grid-item icon="photo-o" text="免检车申领检验标志" text-class="itme-height" />
			<van-grid-item icon="photo-o" text="驾驶证补换领" text-class="itme-height" />
			<van-grid-item icon="photo-o" text="事故处理" text-class="itme-height" />
			<van-grid-item icon="photo-o" text="文字" text-class="itme-height" />
			<van-grid-item icon="photo-o" text="文字" text-class="itme-height" />
			<van-grid-item icon="apps-o" text="更多" text-class="itme-height" dot="true" />
		</van-grid>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			getAdress() {
				console.log(123)
				uni.chooseLocation({
					success: function(res) {
						console.log('位置名称：' + res.name);
						console.log('详细地址：' + res.address);
						console.log('纬度：' + res.latitude);
						console.log('经度：' + res.longitude);
					}
				});
			}
		}
	}
</script>

<style>
	.itme-height {
		height: 30px;
	}
</style>